import { View, Text, Image } from '@tarojs/components'
import classname from 'classname'

import './index.scss'

function Index({ showHeader = false, renderHeader, renderFooter, children }) {
    return (
        <View className='container'>
            {showHeader && <View className='header'>
                {renderHeader()}
            </View>}
            <View className='wrapper'>
                {children}
            </View>
            <View className='footer'>
                {renderFooter()}
            </View>
        </View>
    )
}

export default Index